<template>
  <div id="home">
    <div id="header"> &nbsp;<img src="../assets/songguo.png" class="logpng"> &nbsp;松果图书管理系统
      <span style="float: right; font-size: 12px; margin:10px 30px"> 登录用户：{{username}}
      <br> <span @click="loginout">注 销</span></span>
    </div>

    <div id="left-sidebar">

      <ul type="square">
        <li><router-link :to="{name:'mindex'}">首页</router-link> <br><br></li>
        <li><router-link :to="{name:'mlibrary'}">图书馆简介</router-link><br><br></li>
        <li><router-link :to="{name:'mbook'}">图书管理</router-link> <br><br></li>
        <li><router-link :to="{name:'mpersonalborrowinginformation'}">借阅信息管理</router-link><br><br></li>
        <li><router-link :to="{name:'mbookloss'}">图书丢损</router-link><br><br></li>
        <li><router-link :to="{name:'mordinaryuser'}">读者管理</router-link><br><br></li>
        <li><router-link :to="{name:'users'}">账户管理</router-link><br></li><br>
        <li><router-link :to="{name:'mblacklist'}">黑名单系统</router-link><br></li>
      </ul>

    </div>


    <div id="content-area">

      <router-view/>
    </div>
    <div id="right-sidebar">公告栏
      <hr>
      <marquee id="gun" direction="up" height="200" onmouseover="this.stop()" onmouseout="this.start()">
        <p><b>关于调整开放时间的方案 </b></p>
        <p >为贯彻习近平总书记关于新冠肺炎疫情防控的系列重要讲话和指示精神，根据山东省委、省政府、省文旅厅的安排部署，扎实做好“六保”工作，全面落实“六稳”任务，结合本馆实际和读者需求，本馆拟于2020年11月10日起进一步扩大开放范围。</p>
        <p><b>中国传统玉文化书展开展 </b></p>
        <p >我馆中文典阅部社会科学阅览室遴选了中国传统玉文化有关玉器鉴赏、礼仪祭祀等相关图书62种、78册，举办了“君子比德与玉，无故玉不去身”——中国传统玉文化书展活动，希望通过对玉器文化的宣传，让读者更加深入了解中国传统文化，更加懂得玉器中的人文精神和伦理道德。
          时间：2020年11月23日至12月15日

          地点：山东省图书馆总馆中文典阅部社会科学阅览室</p>

        <p ><b>关于组织举办第三届全省青少年读书故事会的通知</b></p>
        <p> 2021年，我们将迎来中国共产党百岁华诞，在辞旧迎新岁末年初之际，图书馆举办以“传承红色基因·争做华彩少年”为主题的第三届全省青少年读书故事会。旨在通过诵读红色经典著作、红色家书、伟人传记、革命英雄事迹等感人篇章，悟红色精神，做红色传人，在新的长征路上，以时代楷模为榜样，争做新时代好少年。</p>
      </marquee>
      <hr>
      <img src="../assets/logo.png" alt=""><br>
      <div style="text-shadow: #99A0A8">极·Vue</div>
    </div>
    <br>
    <div class="footer">版权所有©信管2019·2006</div>
  </div>
</template>

<script>
    export default {
        name: "home",
        data:function(){
            return{
                username:window.localStorage.getItem('userName'),
                userId:window.localStorage.getItem('userId')
            }
        },
        methods:{
            loginout(){
                this.$router.push('/');
            }
        }
    }
</script>

<style scoped>
  .logpng{ width: 50px;height:50px}

  .footer{margin: 10px auto; padding-left: 600px}
  #home{
    margin: 0 auto;
    width: 100%;
    height: auto;
  }
  #header{
    border-radius: 10px;
    text-align: center;
    width: 100%;
    height: 70px;
    padding:5px 0 20px 0;
    color: #555555;
    font-size: 20px;
    font-weight: bold;
    background-image: linear-gradient(#E6E6E6,#99A0A8);
    border-bottom:solid 5px #eef;

  }
  #left-sidebar{
    background-color: #E6E6E6;
    float: left;
    padding:20px;
    width: 15%;
    height: 600px;
    border-right:solid 5px #eef;
  }
  #content-area{
    background-color: #EAEDE7;
    float:left;
    width: 65%;
    height: 600px;
  }
  #right-sidebar{
    background-color: #E6E6E6;
    text-align: center;
    float: right;
    padding:20px;
    width: 20%;
    height: 600px;
    border-left:solid 5px #eef;
  }
  #left-sidebar a{
    text-decoration: none;
    color:#449;
    line-height: 30px;
  }
  #left-sidebar a:hover{
    color:#633;
    text-decoration: underline;
  }
</style>
